<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>集团项目人事-档案管理-入职及培训</title>
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="../../css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="../../css/mend.css"/>
		<!--集团项目人事-->
		<link rel="stylesheet" type="text/css" href="../../css/jtxmrs.css"/>
	</head>
	<body class="logo-c000000 bar-cffffff nav-black nav-vertical" data-class="nav-vertical">
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" checked="checked" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear">
						<li class="active">
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num1"></em><strong>首页</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em><strong>项目接单</strong><i class="icon-down"></i>
							</a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>打回记录</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>已接单项目</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num3"></em><strong>课程列表</strong><i class="icon-down"></i></a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>工程类</strong><i class="icon-down"></i></a>
									<ul class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程安全</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程质量</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程效率</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程进度</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>施工类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>心理类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>教育类</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em><strong>收发邮件</strong>
							</a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num5"></em><strong>个人账户</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num6"></em><strong>图库收集</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num7"></em><strong>个性设计定制</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num8"></em><strong>资源列表</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num9"></em><strong>文件分类</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num10"></em><strong>设置管理</strong></a>
						</li>
					</ul>
					<a class="more-nav-li" href="javascript:">更多</a>
					<div class="nav-features j_outer">
						<i></i>
						<div>
							<p>本月人员数据：</p>
							<p>预约人员：10个</p>
							<p>面试人员：8个</p>
							<p>入职人员：6个</p>
							<p>面试合格：2个</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主导航 结束-->
		<!--内容区 开始-->
		<div id="main_content">
			<div class="main-wrapper-content">
				<div class="breadcrumb">
					<a href="javascript:;">人事管理</a> > 
					<a href="javascript:;">入职及培训</a> 
				</div>
				<div class="sub-nav">
					<ul class="clear">
						<li class="current"><a href="javascript:;">待培训(12)</a></li>
						<li><a href="javascript:;">培训中(12)</a></li>
						<li><a href="javascript:;">档案资料(12)</a></li>
					</ul>
				</div>
				<div class="search-wrapper">
					<div class="sub-search-wrapper">
						<select class="fl mr5 bor-ceee">
			                <option selected="" value="期数">期数</option>
			            </select>
			            <select class="fl mr5 bor-ceee">
			                <option value="地区">地区</option>
			             </select>
			             <select class="fl mr5 bor-ceee">
			                <option value="职位">职位</option>
			            </select>
						<div class="fl">
							<input type="text" class="fl search-input" placeholder="姓名、身份证号" />
							<i class="search-img-pannel"></i>
						</div>
						<input type="button" value="确定" class="md-button ml5 fl" />
						<a href="javascript:" class="md-button ml5 fl Otraining">组织培训</a>
					</div>
				</div>
				<div class="table-wrapper plr10 pb10">
					<table class="table ColorTable  table_center" width="100%">
							<tr>
								<th width="4%">序号</th>
								<th width="6%">期次</th>
								<th width="8%">姓名</th>
								<th width="6%">性别</th>
								<th width="8%">地区</th>
								<th width="8%">职位</th>
								<th width="8%">专业</th>
								<th width="8%">入职时间</th>
								<th width="8%">属性</th>
								<th width="10%">联系方式</th>
								<th width="6%">项目数量</th>
								<th width="10%">项目总金额</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>第12期</td>
								<td>鲍家国</td>
								<td>男</td>
								<td>北京</td>
								<td>项目经理</td>
								<td>装修</td>
								<td>2016-01-03</td>
								<td>公司</td>
								<td>13304448848</td>
								<td>2</td>
								<td>99999999.99</td>
								<td>
									<div class="dis_il_block">
										<a href="javascript:;" class="btnw60 table-btn button-cff8432 wd-btn">未到</a>
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe qd-btn">签到</a>
									</div>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>第12期</td>
								<td>鲍家国</td>
								<td>男</td>
								<td>北京</td>
								<td>项目经理</td>
								<td>装修</td>
								<td>2016-01-03</td>
								<td>公司</td>
								<td>13304448848</td>
								<td>2</td>
								<td>99999999.99</td>
								<td>
									<div class="dis_il_block">
										<a href="javascript:;" class="btnw60 table-btn button-cff8432 wd-btn">未到</a>
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe qd-btn">签到</a>
									</div>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>第12期</td>
								<td>鲍家国</td>
								<td>男</td>
								<td>北京</td>
								<td>项目经理</td>
								<td>装修</td>
								<td>2016-01-03</td>
								<td>公司</td>
								<td>13304448848</td>
								<td>2</td>
								<td>99999999.99</td>
								<td>
									<div class="dis_il_block">
										<a href="javascript:;" class="btnw60 table-btn button-cff8432 wd-btn">未到</a>
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe qd-btn">签到</a>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					
				</div>
			</div>
		</div>
		<!--内容区 结束-->
	</div>
	<!--点击行弹出层 开始-->
	<div class="alertMask"></div>
	<!--弹出层 开始-->
	<div class="alertTip wdTip">返回临时人员</div>
	<div class="alertTip qdTip">进入培训中</div>
	<!--弹出层 结束-->

	<!--弹出层 结束-->
	<script src="../../js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="../../js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<!--主导航-->
	<script src="../../js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script type="text/javascript" src="../../js/jquery.placeholder.1.3.min.js" ></script>
	<script>
		$(function(){
			//折叠导航
			$(".item-info").click(function(){
				if($(".item-detail").css("display")=="none")
				{
					$(".item-detail").slideDown(200);
				}else{
					$(".item-detail").slideUp(200);
				}
			});
			//点击“未到”按钮弹出层
			$(".wd-btn").click(function(){
				$(".alertMask,.wdTip").fadeIn().delay(800).fadeOut();
			});
			//点击“签到”按钮弹出层
			$(".qd-btn").click(function(){
				$(".alertMask,.qdTip").fadeIn().delay(800).fadeOut();
			});
			
			
			
		})
	</script>
	</body>
</html>
